<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>2019年属于你的锦鲤体质是什么？</title>
    <link rel="stylesheet" href="./swiper.min.css">
    <link rel="stylesheet" href="./weui.min.css">
    <!-- <link rel="stylesheet" href="./font.css"> -->
    <link rel="stylesheet" href="./index.css">
    <script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</head>
<script>
    // document.addEventListener("WeixinJSBridgeReady", function onBridgeReady() {
    //     WeixinJSBridge.call("hideOptionMenu");
    // });
</script>

<body>
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- 第一页 -->
            <div class="swiper-slide section01">
                <div class="suxin">
                    锦鲤
                </div>
                <div class="index_bg">
                    <img class="bg" src="./images/new_index.jpg" alt="">
                    <!-- <img class="bg bg_ani" src="./images/new_index.jpg" alt=""> -->
                    <img class="star01 all_star_img" src="./images/star01.png" alt="">
                    <img class="star02 all_star_img" src="./images/star02.png" alt="">
                    <img class="star03 all_star_img" src="./images/star03.png" alt="">
                    <img class="water01 all_water_img" src="./images/index03.png" alt="">
                    <img class="water02 all_water_img" src="./images/index04.png" alt="">
                    <img class="water03 all_water_img" src="./images/index05.png" alt="">
                </div>
                <div class="index_btn">
                    <img src="./images/index_btn.png" alt="">
                </div>
                <div class="start_game">
                </div>
            </div>
            <!-- 第二页 -->
            <div class="swiper-slide section02">
                <div class="game_bg">
                    <img class="bg" src="./images/game00.jpg" alt="">
                    <img class="ladle" src="./images/game04.png" alt="">
                    <img class="wave_left wave_bg" src="./images/wave_left.png" alt="">
                    <img class="wave_right wave_bg" src="./images/wave_right.png" alt="">
                </div>
                <div class="game_btn">
                    <img src="./images/game02.png" alt="">
                </div>
                <div class="nickname">
                    <input class="nickname_input" type="text">
                </div>
                <div class="select_sex">
                    <label class="select_boy">
                        <input class="select_gender" name="selval" type="radio" value="1" />
                    </label>
                    <label class="select_girl">
                        <input class="select_gender" name="selval" type="radio" value="2" />
                    </label>
                </div>
                <div class="date">
                    <!-- <input id="datePicker" type="text"> -->
                    <div id="datePicker">
                        <div class="year"></div>
                        <div class="month"></div>
                        <div class="day"></div>
                    </div>
                </div>
                <div class="tips">请填写完整</div>
                <div class="next_slider2"></div>
            </div>
            <!-- 第三页 -->
            <div class="swiper-slide">
                <div class="posters">
                    <canvas id="imgcanvas" style="display: none"></canvas>
                    <img class="posters_img" src="" alt="">
                </div>
                <!-- 测试 -->
                <!-- <div class="test">

                </div> -->
            </div>

            <!-- 第四页 -->
            <!-- <div class="swiper-slide">
                <div class="three"></div>
                <div class="select_head">
                    请选择:
                </div>
                <div class="select_list">
                    <label class="select_label">
                        <input class="select_item" name="selval" type="radio" value="1" /> 苹果
                    </label>
                    <label class="select_label">
                        <input class="select_item" name="selval" type="radio" value="2" /> 桃子
                    </label>
                    <label class="select_label">
                        <input class="select_item" name="selval" type="radio" value="3" /> 香蕉
                    </label>
                    <label class="select_label">
                        <input class="select_item" name="selval" type="radio" value="4" /> 梨
                    </label>
                </div>
                <div class="next_slider3">下一步</div>
            </div> -->
        </div>
    </div>
</body>
<script src="./jquery.min.js"></script>
<script src="./weui.js"></script>
<script src="./swiper.min.js"></script>
<script src="./index.js?v=1"></script>
<script>
    // 阻止 页面 默认滑动事件
    document.body.addEventListener(
        "touchmove",
        function (e) {
            e.preventDefault();
        },
        false
    );
</script>

</html>